.container.coupon-count {
  .ivu-form-item {
    margin-bottom: @space;
  }
  .total {
    margin: 0 @space * 2 0 @space * 2;
    .flexLeft();
    flex-wrap: wrap;
    .item {
      @yellow: #f3bd51;
      @red: #ff6c6c;
      @blue: #27b5e5;
      @green: #55c794;
      @orange: #ffa54d;
      @purple: #ad8cf5;
      width: e('calc((100% - 40px)  / 4)');
      height: @size * .9;
      margin-bottom: @space * 2;
      margin-right: @space;
      text-align: center;
      cursor: pointer;
      color: @white;
      background-color: @mainColor;
      .border();
      .radius(@space / 2);
      .flexColumn();
      transition: all .2s ease-in-out;
      &:nth-child(1) {
        background: @yellow;
      }
      &:nth-child(2) {
        background: @red;
      }
      &:nth-child(3) {
        background: @blue;
      }
      &:nth-child(4) {
        background: @green;
      }
      &:nth-child(5) {
        background: @orange;
      }
      &:nth-child(6) {
        background: @green;
      }
      &:nth-child(7) {
        background: @yellow;
      }
      &:nth-child(8) {
        background: @blue;
      }
      &:nth-child(9) {
        background: @red;
      }
      span {
        font-size: 20px;
      }
      p {
        color: @bg-light;
      }
    }
  }
}
